<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>用$.ajax()方法发送jsonp请求</title>
</head>
<body>

	<!-- 用$.ajax()方法发送jsonp请求：
		1、
		2、
		3、

		 -->



	<!-- 布局 -->
	<button id="btn">发送请求</button>



	<!-- js代码部分 -->
	<script src="./js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript">

		// 第一张情况：服务器响应会客户端的是默认函数的调用
		// $("#btn").on("click",function(){
		// 	$.ajax({
		// 		url:"/jsonp1",
		// 		// 声明现在要发送的是jsonp请求
		// 		dataType:"jsonp",
		// 		success:function(response){
		// 			console.log(response);

		// 		}
		// 	})
		// });



		// 第二张情况：服务器响应会客户端的是客户端自定义函数名字的函数的调用

	// 自定义一个全局作用域的函数
	function fn1(response){
		console.log(response);

	}

		 $("#btn").on("click",function(){
			$.ajax({
				url:"/jsonp2",
				// 声明现在要发送的是jsonp请求
				dataType:"jsonp",
				// 向服务器端传递自定义的函数的名字的参数名称
				jsonp:"cb",
				jsonpCallback:"fn1"
				
			})
		});
	

	
	</script>
	
	






</body>
</html>